<template>
	<view 
		style="float: left;width: 100%;min-height: 100%;" class=" css-theme" :class="[cueTheme]">
		<!-- <u-navbar is-back="true" :border-bottom="false" title-color="black" title="消息详情">
		</u-navbar> -->
		<view style="padding: 30rpx;">
			<rich-text class="content-view" :nodes="values"></rich-text>
		</view>
	</view>
</template>

<script>
	var _self;
	export default {

		data() {
			return {
				values: '',
				id: '',
				userId: '',
			}
		},
		onLoad(options) {
			_self = this
			_self.userId = options.userId
			_self.id = options.id

		},
		onShow() {

			setTimeout(function() {
				_self.getList()
			}, 200);

		},
		methods: {

			getList() {
				_self.$api.detailNotice({}, _self.id).then((res) => {
					var resData = res;
					if (resData.code == "200") {
						_self.values = resData.data.info.replace(/\<img src="/g, "<img style='width: 100%;' src=\"https://zxh.mmkjsh.cn/")
					}
				})
				
			},

		}
	}
</script>

<style lang="scss" >
	page {
		height: 100%;
		background-color: $page-bg !important;
		width: 100%;
	}
	
	.css-theme {
		// border: 2px solid;
		@include text-color();
		@include base-background();
		@include border-color();
		@include shadow-color();
	}
	

	.nav-list-popup {
		position: fixed;
		bottom: 15px;
		display: flex;
		width: 90%;
		margin-left: 5%;
		/* padding: 0rpx 12rpx 0rpx; */
		justify-content: space-between;
		-moz-box-shadow: 0px 0px 5px #ccc;
		-webkit-box-shadow: 0px 0px 5px #ccc;
		box-shadow: 0px 0px 5px #ccc;
		// margin: 80rpx 50rpx 40rpx 50rpx;
		background-color: white;
		border-radius: 30px;
		padding: 10rpx 0rpx;

		/* 列表元素 start */
		.nav-list-item {
			/* padding: 20rpx 30rpx; */
			border-radius: 12rpx;
			width: 45%;
			/* margin: 0 18rpx 40rpx; */
			background-size: cover;
			background-position: center;
			position: relative;
			z-index: 99;

			/* 元素标题 start */
			.nav-link {
				font-size: 14px;
				text-transform: capitalize;
				/* padding: 0 0 10rpx 0; */
				position: relative;

				.title {
					// margin-top: 10rpx;
					text-align: center;
				}
			}

			/* 元素标题 end */

			/* 元素图标 start */
			.icon {
				font-variant: small-caps;
				width: 90rpx;
				height: 90rpx;
				line-height: 90rpx;
				margin: 0;
				padding: 0;
				display: inline-flex;
				text-align: center;
				justify-content: center;
				vertical-align: middle;
				font-size: 50rpx;
				color: #FFFFFF;
				white-space: nowrap;
				opacity: 0.9;
				background-color: rgba(0, 0, 0, 0.05);
				background-size: cover;
				background-position: 50%;
				border-radius: 5000rpx;
			}

			/* 元素图标 end */
		}

		/* 列表元素 end */
	}

	.icon-order {
		font-size: 20px;
	}
</style>